<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <head>
        <title></title>
        <meta charset="utf-8"/>
    </head>   
    <body>
        <div id="infor_user">

            <h6 style="text-align: right;">
                <a href="../faces/Blog.xhtml">#{login.fullname}</a>
                <a>-</a>
                <a href="../faces/login.xhtml" style="font-size: 12px;">Logout</a>

            </h6>
        </div>
        <div id="header" class="header">
            <header class="container_12">
                <div class="grid_6">
                    <h1><a href="../faces/Home.xhtml"><img src="../images/logo.png" alt=""/></a></h1>
                </div>
                <div class="clear"></div>
                <div class="grid_12">
                    <nav>
                        <ul class="sf-menu sf-js-enabled sf-arrows" id="nav">
                            <li  id="home"><a href="../faces/Home.xhtml">Home</a></li>
                            <li id="about"><a href="../faces/About.xhtml">About</a></li>
                            <li id="event"><a href="../faces/Event.xhtml">Event<h:outputLabel value="12" style="background: red;color: white;height: 100px;width: 50px;border-radius: 5px;" id="lblEvent"></h:outputLabel>  </a></li>
                            <li id="blog"><a href="../faces/Blog.xhtml" class="sf-with-ul">Blog</a>
                                <ul style="display: none;">
                                    <li><a href="#">Dolore ipsu</a></li>
                                    <li><a href="#" class="sf-with-ul">Consecte</a>
                                        <ul style="display: none;">
                                            <li><a href="#">Dolore ipsu</a></li>
                                            <li><a href="#">Consecte</a></li>
                                            <li><a href="#">Elit Conseq</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Elit Conseq</a></li>
                                </ul>
                            </li>
                            <li id="contact"><a href="../faces/Contact.xhtml">Contacts</a></li>
                        </ul>
                    </nav>
                </div>
            </header>
        </div>

    </body>
</html>
